/* style sheet podonet buttons en checkboxes */

.btn, .graybtn, .orangebtn {
  background-color : #F0F0F0;
  border : 1px solid #A0A0A0;
  border-radius : 2px;
  cursor	: pointer;
  display	: block;
  font-size	: 95%;
  text-align	: center;
  text-decoration: none;
  width		: calc(9em - 4px);
  margin 	: 0px 5px 3px 0;
  list-style 	: none;
  word-break 	: break-all;
  white-space	: nowrap;
  overflow	: hidden;
  text-overflow : ellipsis;
  color 	: #303030;
  padding : 3px 4px;
}

.filter {
  background-color : #F0F0F0;	
  border : 1px solid #D0D0D0;
  border-radius : 2px;
  cursor	: pointer;
  display	: block;
  padding: 4px;
}


.orangebtn
{
  background-color : #FFD000;
  border     : 1px solid #FFB000;
}

/* sizes & colors */
.graybtn {
  opacity: .5;
  filter: grayscale(100%);
}

.orangebtn:hover {
  background-color : #FFB000;	
}

.btn:hover, .filter:hover {
  background-color : #D0D0D0;
}

input.btn
{
	height : 27px;
	color : black;
}

.btn span, .graybtn span {
	padding-left: 18px;
	background-position : 0 center !important;
	width : 5em;
}

td .btn {
	margin : 0px;
}

/* btn images */
.btn span.trash 
	{ background: transparent url(../images/trash_16_gray.png) no-repeat; }
.btn span.save, .graybtn span.save  
 	{ background: transparent url(../images/filesave.gif) no-repeat; }
.btn span.new, .graybtn span.new
	{ background: transparent url(../images/newaddress.gif) no-repeat; }
.btn span.del, .graybtn span.del
	{ background: transparent url(../images/delete.gif) no-repeat; }
.btn span.copy, .graybtn span.copy
	{ background: transparent url(../images/persons.gif) no-repeat; }
.btn span.euro, .graybtn span.euro { background: transparent url(../images/euro_16.png) no-repeat; }
.btn span.upload, .graybtn span.upload
	{ background: transparent url(../images/upload.png) no-repeat; }
.btn span.download, .graybtn span.download
	{ background: transparent url(../images/download.png) no-repeat; }
.btn span.mail, .graybtn span.mail
	{ background: transparent url(../images/email_16.gif) no-repeat  }
.graysmallbtn span.pdf
	{ background: transparent url(../images/print_16.png) no-repeat; }
.btn span.zorgmail, .flatbtn span.zorgmail, .zorgmailbtn span 
	{ background: transparent url(../images/zorgmail_16.png) no-repeat; }
a span.search, .btn span.search, .graybtn span.search
	{ background: transparent url(../images/search_select.png) no-repeat; }
.dbasebtn span 
	{ background: transparent url(../images/server.png) no-repeat; }
.cleanbtn span, .btn span.clear 
	{ background: transparent url(../images/brush.png) no-repeat; }
.btn span.sms 
	{ background: transparent url(../images/sms_16.gif) no-repeat; }
.btn span.rtf
	{ background: transparent url(../images/rtf.png) no-repeat; }
.btn span.odt 
	{ background: transparent url(../images/odt.png) no-repeat; }
.btn span.docx, .graybtn span.docx
	{ background: transparent url(../images/docx_16.jpg) no-repeat; }
.btn span.edit, .graybtn span.edit 
	{ background: transparent url(../images/edit.gif) no-repeat; }
.btn span.medida, .graybtn span.medida
	{ background: transparent url(../images/medida_mini.gif) no-repeat; }
.btn span.lft, .graybtn span.lft
	{ background: transparent url(../images/lft_16.png) no-repeat; }
.btn span.voxelcare, .graybtn span.voxelcare
	{ background: transparent url(../images/voxel_16.png) no-repeat; }
.btn span.podoArchive, .graybtn span.podoArchive
	{ background: transparent url(../images/podoArchive_16.png) no-repeat; }
.btn span.sandalinos, .graybtn span.sandalinos
	{ background: transparent url(../images/plhw.gif) no-repeat; }
.btn span.rsscan, .graybtn span.rsscan
	{ background: transparent url(../images/scanner.png) no-repeat; }
.btn span.rothballe, .graybtn span.rothballer 
	{ background: transparent url(../images/rothballer_16.png) no-repeat; }
.btn span.rhino, .graybtn span.rhino
	{ background: transparent url(../images/rhino_16.png) no-repeat; }
.btn span.next, .graybtn span.next
 	{ background: transparent url(../images/next_16.png) no-repeat; }
.btn span.prev, .graybtn span.prev 
	{ background: transparent url(../images/prev_16.png) no-repeat; }
.btn span.close, .tabletbtn span.close, .btn span.close
	{ background: transparent url(../images/close_16.png) no-repeat; }
.btn span.print, .graybtn span.print
	{ background: transparent url(../images/print_16.png) no-repeat; }
.btn span.pdf, .graybtn span.pdf  
	{ background: transparent url(../images/pdf.png) no-repeat; }
.btn span.newdoc, .graybtn span.newdoc
	{ background: transparent url(../images/minitools.png) no-repeat; }
.btn span.csv, .btn span.csv   
	{ background: transparent url(../images/vcs_update_16.png) no-repeat; }
.btn span.ok, .graybtn span.ok 
	{ background: transparent url(../images/payed.png) no-repeat; }
.btn span.portavita, .graybtn span.portavita 
	{ background: transparent url(../images/portavita_16.png) no-repeat; }
.btn span.hinq, .graybtn span.hinq 
	{ background: transparent url(../images/hinq_16.png) no-repeat; padding-left : 30px; margin-left : -10px }

/* check boxes */
.dis_nocheck
{
  background: transparent url(../images/checkbtn.gif) no-repeat;
  background-position : 4px 3px;
  padding-left : 24px;
  color : #707070;
  cursor : default;
  padding-bottom : 2px;
}

.nocheck, .bill_nocheck
{
  background: transparent url(../images/checkbtn.gif) no-repeat;
  background-position : 4px -23px;
  padding-left : 24px;
  padding-bottom : 2px;
  cursor : default;
}

.dis_checked, .bill_dis_checked
{
  background: transparent url(../images/checkbtn.gif) no-repeat;
  background-position : 4px -75px;
  padding-left : 24px;
  color : #707070;
  cursor : default;
  padding-bottom : 2px;
}

.checked, .checked_img, .bill_checked
{
  background: transparent url(../images/checkbtn.gif) no-repeat;
  background-position : 4px -101px;
  padding-left : 24px;
  cursor : default;
  padding-bottom : 2px;
}

td.checked_img						{ background-position : 4px -97px; }

.nocheck:hover, .nocheck:active, .nocheck:focus		{ background-position : 4px -49px; }
.checked:hover, .checked:active, .checked:focus 	{ background-position : 4px -127px; }

.bill_dis_checked				{ background-position : 4px -70px; }

td.bill_nocheck				{ background-position : 4px -18px; }
td.bill_nocheck:hover		{ background-position : 4px -44px; }
td.bill_checked				{ background-position : 4px -96px; }
td.bill_checked:hover		{ background-position : 4px -122px; }

td.checked						{ background-position : 4px -99px; }
td.checked:hover				{ background-position : 4px -125px; }
td.nocheck						{ background-position : 4px -21px; }
td.nocheck:hover 				{ background-position : 4px -47px; }
td.dis_nocheck					{ background-position : 4px 5px; }
td.dis_checked					{ background-position : 4px -73px; }

/* input fields */
input
{
  border : none;
  padding : 3px 4px;
  font-size : 95%;
  border : 1px solid #D0D0D0;
  background-color : #FFFFFF;
  border-radius : 2px;	
  /*text-overflow : ellipsis;*/
}

.doc_edit_250 
{
  padding : 2px 4px;
  font-size : 95%;
  border-radius : 2px;	
  width : calc(24em - 4px);; 
  background : #FFFFFF url(../images/search_select.png) no-repeat right center;
  border : 1px solid #D0D0D0;
}

.doc_edit_300 
{
  padding : 2px 24px 2px 4px;
  font-size : 95%;
  border-radius : 2px;	
  width : calc(29em - 24px);; 
  background : #FFFFFF url(../images/search_select.png) no-repeat right center;
  border : 1px solid #D0D0D0;
  text-overflow : ellipsis;
}

*[class^='select_'] {
	position :relative;
   padding : 2px 4px;
   font-size : 95%;
	border-radius : 2px;
	border : 1px solid #D0D0D0;
   background : #FFFFFF url(../images/dropdown_select.png) no-repeat right center;
   overflow: hidden;
}

*[class^='select_'] select {
    border: none;
    box-shadow: none;
    font-size : 95%;
    background: transparent;
    background-image: none;
    width: calc(100% + 10px);
    padding-right: 30px;
    padding-left : 3px;
	 text-overflow: ellipsis;	
	 -webkit-appearance: none;
}

.edit_25:focus, .edit_50:focus, .edit_75:focus, .edit_100:focus, .edit_125:focus, .edit_150:focus, .edit_175:focus, .edit_200:focus,
.edit_225:focus, .edit_250:focus, .edit_275:focus, .edit_300:focus, .edit_350:focus, .edit_375:focus, .edit_400:focus,
.edit_500:focus
{
  background-color : #FFFFB0;
}

.noedit_25 , .edit_25 { width : calc(2em - 4px);}
.noedit_50 , .edit_50 { width : calc(4em - 4px);}
.noedit_75 , .edit_75 { width : calc(6em - 4px);}
.noedit_100 , .edit_100 { width : calc(9em - 4px);}
.noedit_125 , .edit_125 { width : calc(11em - 4px);}
.noedit_150 , .edit_150 { width : calc(14em - 4px);}
.noedit_175 , .edit_175 { width : calc(16em - 4px);}
.noedit_200 , .edit_200 { width : calc(19em - 4px);}
.noedit_225 , .edit_225 { width : calc(21em - 4px);}
.noedit_250 , .edit_250 { width : calc(24em - 4px);}
.noedit_275 , .edit_275 { width : calc(26em - 4px);}
.noedit_300 , .edit_300 { width : calc(29em - 4px);}
.noedit_350 , .edit_350 { width : calc(34em - 4px);}
.noedit_375 , .edit_375 { width : calc(36em - 4px);}
.noedit_400 , .edit_400 { width : calc(39em - 4px);}
.noedit_500 , .edit_500 { width : calc(44em - 4px);}

.select_50 { width : 4em; padding-left :0px; }
.select_75 { width : 6em; padding-left :0px; }
.select_100 { width : 9em; padding-left :0px; }
.select_125 { width : 11em; padding-left :0px; }
.select_150 { width : 14em; padding-left :0px; }
.select_175 { width : 16em; padding-left :0px; }
.select_200 { width : 19em; padding-left :0px; }
.select_225 { width : 21em; padding-left :0px; }
.select_250 { width : 24em; padding-left :0px; }
.select_275 { width : 26em; padding-left :0px; }
.select_300 { width : 29em; padding-left :0px; }
.select_350 { width : 34em; padding-left :0px; }
.select_375 { width : 36em; padding-left :0px; }
.select_400 { width : 39em; padding-left :0px; }
.select_500 { width : 44em; padding-left :0px; }

.noedit_25, .noedit_50, .noedit_75, .noedit_100, .noedit_125, .noedit_150, .noedit_175, .noedit_200, .noedit_225, .noedit_250, .noedit_275, .noedit_300, .noedit_350, .noedit_375, .noedit_400
{
  color : #767676;
}